<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
    <h1> The JQuery Ajax 01 Page</h1>
    <button onclick="doAjax()">GET获取数据</button>
    <button onclick="doAjaxGet()">GET(简化版)获取数据</button>
    <button onclick="doAjaxPost()">POST获取数据</button>
    <button onclick="doAjaxLoad()">LOAD形式获取数据</button>
    
    <div id="result">
    
    </div>

    <script>
        
        function doAjax() {
            axios.get("/doAjaxGet")
            .then(function (response) {
                console.log(response.data)
            })  //  服务端响应状态status为200时,执行then函数内部的内容
            .catch(function (error) {
                alert(error);
            })
        }

        function doAjaxPost() {
            axios.post("/doAjaxPost", {
                id : "12",
                name : "电脑",
                remark : "双11最低五折"
            })// 现在传输值 传输的是json对象, 服务器端使用@RequestParam 不能正常的取到数据
            .then(function (response) {
                console.log("添加成功")
                console.log(response)
            })
        }
        
    </script>

</body>
</html>